<template>
  <div>
    <mt-header title="成为会员" class="inmoder" fixed>
      <mt-button icon="back" slot="left"  @click="$router.go(-1)"></mt-button>
    </mt-header>
    <div class="gue">
      <img
        src="../assets/b5dae444024de21f1903fa343fe8834.jpg"
        alt=""
        class="img"
      />
      <img src="../assets/mod.jpg" alt="" />
    </div>

    <div class="lo">
      <img src="../assets/jf.jpg" alt="" />
      <img src="../assets/sq.jpg" alt="" />
      <img src="../assets/acg.jpg" alt="" />
      <img src="../assets/mf.jpg" alt="" />
      <img src="../assets/yj.jpg" alt="" />
    </div>

    <div class="hd">
      <div class="tk">
        <input type="checkbox" name="vehicle" value="Bike" />
        我已阅读并同意《山姆会员商店章程》及《隐私政策》
      </div>
      <div class="tk">
        <input type="checkbox" name="vehicle" value="Bike" />
        我已阅读并同意《个人信息使用条款》
      </div>

      <van-button type="primary" size="large" class="ol" @click="getvshop"
        >立即开通¥680</van-button
      >
    </div>
  </div>
</template>

<script>
import { MessageBox } from "mint-ui";
export default {
  data() {
    return {
      money: true
    }
  },
  methods: {
    getvshop(){
      MessageBox.confirm("您正在购买山姆会员", "请确认支付680元").then(
        function () {
          MessageBox.alert("支付成功").then(function (){
            window.location.href = "/vipshop";
          })
          this.$store.commit("vipshop", this.money);
        }
      );
    },
  },
};
</script>
<style scoped>
.gi {
  width: 90vw;
  margin: auto;
}

img {
  display: block;
  margin: auto;
  width: 90vw;
  border-radius: 3vw 3vw;
  margin-top: 10px;
}
.inmoder {
  color: #000;

  background-color: #fff;
}
.mint-header-title {
  font-size: 20px;
  font-weight: 400;
}
.gue {
  background-color: #fff;
  margin-top: 40px;
  padding-top: 2vw;
}
.an {
  border-radius: 3vw 3vw;
  width: 90vw;
  background-color: black;
  color: #fff;
  margin: 5vw;
  padding: 3vw 0;
}
.tk {
  color: #000;
  width: 90vw;
  margin: 0 auto 5px;
}
.hd {
  width: 100vw;
  position: fixed;
  bottom: 0;
  padding: 2vw 0;
  background-color: #fff;
  height: 30vw;
}
.lo {
  width: 100vw;
  margin-bottom: 35vw;
}
.ol {
  background-color: #000;
  border: none;
}
</style>
